<template>
    <div class="footer no-mp">
      <div class="foot_link">
        <a href="#">关于我们</a>
        <span>|</span>
        <a href="#">联系我们</a>
        <span>|</span>
        <a href="#">招聘人才</a>
        <span>|</span>
        <a href="#">友情链接</a>		
      </div>
      <p>{{ copyright }}</p>
      <p>{{ contactInformation }}</p>
    </div>
</template>

<script>
export default {
    name : "Footer",
    props:{
        company:{
            type : String,
            default:"北京天天生鲜信息技术有限公司"
        },
        contactNumber:{
            type: String,
            default:"010-****888"
        },
        ICPNumberString:{
            type: String,
            default : "*******"
        }
    },
    methods:{

    },
    data(){
        return {
            "copyright":"CopyRight © 2016 北京天天生鲜信息技术有限公司  All Rights Reserved",
            "contactInformation":"电话：010-****888    京ICP备*******8号"
        }
    },
    created:function(){
        
        var currentTime = new Date();//取得当前的日期 

        var year = currentTime.getFullYear();

        // 设置版权信息
        this.copyright = "CopyRight © " + year + "  " + this.company + " All Rights Reserved"

        this.contactInformation = "电话：" + this.contactNumber + "    京ICP备" + this.ICPNumberString + "号"
    }
}
</script>

<style>
.footer{
	border-top:2px solid #42ad46;
	margin:30px 0;
}
.foot_link{text-align:center;margin-top:30px;}
.foot_link a,.foot_link span{color:#4e4e4e;}
.foot_link a:hover{color:#ff8800}
.foot_link span{padding:0 10px}
.footer p{text-align:center; margin-top:10px;}
</style>